{{define "common_header" }}
<!doctype html>
<html lang="en" class="fixed">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>计划任务管理</title>
    <link rel="apple-touch-icon" sizes="120x120" href="static/favicon/apple-icon-120x120.png">
    <link rel="icon" type="image/png" sizes="192x192" href="static/favicon/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="static/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="static/favicon/favicon-16x16.png">
    <link rel="stylesheet" type="text/css" href="static/stylesheets/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/font-awesome/4.6.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="static/vendor/animate.css/animate.css">
    <link rel="stylesheet" href="static/vendor/toastr/toastr.min.css">
    <link rel="stylesheet" href="static/vendor/magnific-popup/magnific-popup.css">
    <link rel="stylesheet" href="static/stylesheets/css/style.css">
</head>

<body>
    <div class="wrap">
        <div class="page-header">
            <div class="leftside-header">
                <div class="logo">
                    <a href="/" class="on-click">
                        <img alt="logo" src="static/images/header-logo.png" />
                    </a>
                </div>
                <div id="menu-toggle" class="visible-xs toggle-left-sidebar" data-toggle-class="left-sidebar-open" data-target="html">
                    <i class="fa fa-bars" aria-label="Toggle sidebar"></i>
                </div>
            </div>
            <div class="rightside-header">
                <div class="header-middle"></div>                
                <div class="header-section" id="user-headerbox">
                    <div class="user-header-wrap">
                        <div class="user-photo">
                            <img src="static/images/user-avatar.jpg" alt="Jane Doe" />
                        </div>
                        <div class="user-info">
                            <span class="user-name">Jane Doe</span>
                            <span class="user-profile">Admin</span>
                        </div>
                    </div>                    
                </div>
                <div class="header-separator"></div>
                <div class="header-section">
                    <a href="pages_sign-in.html"><i class="fa fa-sign-out log-out" aria-hidden="true"></i></a>
                </div>
            </div>
        </div>
{{end}}        